html, body {
	background: -webkit-linear-gradient(#ecf0f1, #fff 180px);
	background:    -moz-linear-gradient(#ecf0f1, #fff 180px);
	background:     -ms-linear-gradient(#ecf0f1, #fff 180px);
	background:      -o-linear-gradient(#ecf0f1, #fff 180px);
	background:         linear-gradient(#ecf0f1, #fff 180px); }
a, a:hover, a:focus { color: #0095ff; }
.text-overflow { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

@media (min-width: 768px) {
	.container { max-width: 730px !important; }
}

.examples { margin-top: 40px; }
.examples .row { margin-bottom: 20px; }
.examples .col-md-3 { text-align: center; margin-bottom: 20px; }
.example img{}

@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body,header,footer,section,div,span,p,img,a,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,i,b,u,del,menu,nav,fieldset,legend,article,aside,details,figcaption,hgroup,pre,code,from,blockquote,th,td,tr,hr,table,img,figure,button,input,textarea{padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Microsoft Yahei,Helvetica,Arial;}
body,#scroll,.owl-carousel .owl-wrapper-outer{background-color:#fff;padding: 0; width:100%;min-width: 300px; max-width: 640px;margin: 0 auto; overflow-x:hidden;}
input,textarea{-webkit-user-select:auto !important;user-select:auto !important;}
:focus{outline:none;}
img{vertical-align:middle;border:0 none; max-width:100%;}
ul, li, ol{list-style:none;}
a{text-decoration:none;color:inherit;}
sectionn,header,footer,nav{display:block;margin:0 auto;}
header,footer{margin:0 auto;width:100%;}
em,i{font-style:normal;}
button,input{border:0 none;}
u,del{text-decoration:none;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="password"],input[type="text"],button{-webkit-appearance:none;outline:none;}
input[type="button"]{ cursor:pointer}
h1,h3,h4, h5,em {font-style: normal;font-weight:normal;}
.hide{display:none}
.clearfix:after,ul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix,ul { zoom:1; }
.over{ overflow:hidden}
.fl {float:left}
.fr {float:right;}
.gray{background:#f5f5f5}
html,body{font-size:13px;}
.overloay{display:none;position:fixed; z-index:2; background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;top:0; left:0; width:100%; height:100%;}
/* media query */
.loading{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-animation:monkey_ani .5s steps(1) infinite;background-image:url(../coreimages/loading2.png);background-repeat:no-repeat;background-position:center center;background-size:4.65rem 4.65rem;z-index:999;display:none;}
@-webkit-keyframes monkey_ani{
    0%{background-image:url(../coreimages/loading1.png);}
    33%{background-image:url(../coreimages/loading2.png);}
    66%{background-image:url(../coreimages/loading3.png);}
    100%{background-image:url(../coreimages/loading1.png);}
}
/**header**/
.top-fixed{ height:1.44rem; position:relative; left:0; width:100%; background:#303030;    z-index: 2;}
.getback a{ position:absolute; left:0.373rem; top:0;padding-left:0.733rem; background:url(../img/left.png) no-repeat 0 center; background-size:0.373rem; height:1.44rem; font-size:0.533rem; line-height:1.44rem; color:#fff }
.top-fixed h1{ font-size:0.56rem;color:#fff; line-height:1.44rem; text-align:center}
/*banner*/
.top-slider-wrapper{width:100%;overflow:hidden;position:relative}
.slide_box{overflow:hidden}
.slide_box img{width:100%;height: auto;}
.bx-wrapper .bx-controls{ position:absolute; width: 1.5rem; bottom: 0.24rem; right: 0.36rem;}
.bx-wrapper .bx-controls .bx-pager{clear:both;width:100%;text-align:center;position:relative}
.bx-wrapper .bx-controls .bx-pager a{width:.23rem;height:0.23rem; margin:0 3px;border:0.05rem solid #fff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;display:inline-block;overflow:hidden;}
.bx-wrapper .bx-controls .bx-pager a:hover,.bx-wrapper .bx-controls .bx-pager a.active{background:#26c7db !important; }
.floatsearch{padding-top: 40px; position:relative;}
.mix_new_header{background: #09bdf0;box-sizing: border-box;padding:0.213rem 2%;position: absolute;top: 0; width:100%;z-index: 5100;}
.mix_new_header .search {background: #fff; height:0.96rem;line-height: 0.96rem; width:100%; position: relative; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px;border-radius:6px;}
.genrele{ float:left; color:#8e9097; font-size:0.4rem; height:0.66rem; line-height:0.66rem; margin-top:0.15rem; padding:0 0.693rem 0 0.373rem; border-right:1px solid #d0d0d0; background:url(../img/seek_06.jpg) no-repeat 1.33rem center / 0.346rem 0.2rem}
.mix_new_header .search .mix_filtrate { float:right; margin-right:0.373rem;background:url(../img/seek_03.jpg) no-repeat center center; background-size:.466rem .466rem; display:block; border: medium none;height:0.96rem;width:0.476rem; cursor:pointer;}
.mix_new_header .search .text { float:left;border: medium none; padding-left:0.186rem; font-size:0.4rem;color: #b6b7b9;display: block;height: 0.666rem;line-height: 0.66rem;margin-top:0.15rem;outline: medium none; max-width:5.413rem;}
.headright{position: absolute;top:0.5rem; right:1rem; width:20%; text-align:right;z-index: 2; font-size:1rem; line-height:2rem; color:#666;}
.headright a{ color:#666;}
.search_type{position: absolute;top:0.8rem; left:0; width:3rem; text-align:right; padding:0 1.5rem 0 0;z-index: 2; font-size:1rem; height:2rem;line-height:2rem; background:url(../img/dropico2.png) no-repeat right center;background-size:12px 6px; color:#47b34e;}
.genrvido{ display:none; padding:0.6rem 0 0.3rem 0;font-size:0.4rem; top:0.64rem; color:#0b0b22; line-height:1rem;width:2.266rem; position:absolute; left:-0.2rem; background:url(../img/seek_07.png) no-repeat 0 center; background-size:2.266rem}
.genrvido span{ display:block; text-align:center;}

.pickbox ul{ overflow:hidden; padding:0.413rem 0 0.293rem 0;}
.pickbox ul li{ width:25%; float:left; text-align:center;margin-bottom: 0.273rem;}
.pickbox ul li img{ width:1.8rem; height:1.8rem; display:block; margin:0 auto 0.4rem auto;}
.pickbox ul li p{ font-size:0.38rem; margin-top:-0.2rem}
.indecontent{ background:#fff;}
.indecontent .titleho{ height:1.28rem; line-height:1.28rem; border-bottom:1px solid #eee; padding:0 0.4rem; font-size:0.426rem; color:#333 }
.familybox ul li{ position:relative; padding:0.4rem; border-bottom:1px solid #eee; overflow:hidden}
.familybox ul li .faiimg{ float:left; width:2.786rem; height:1.84rem; overflow:hidden}.familybox ul li .faiimg img{ width:100%; height:100%}
.familybox ul li .faitex{ margin-left:0.266rem; width:4.733rem; float:left}
.familybox ul li .faitex h1{ font-size:0.4rem; color:#333; height:0.45rem;}
.familybox ul li .faitex p{ margin:0.146rem 0; font-size:0.346rem; color:#666}
.familybox ul li .faitex i{ float:left; width:0.533rem; height:0.533rem; background:url(../img/inde_26.png) no-repeat left center /100% 100%; margin:0 3px}
.familybox ul li:last-child{ border-bottom:none}
.faidi{ font-size:0.346rem; color:#999; position:absolute; right:0.4rem; top:0.4rem}
.clearfixbox{ height:100px; width:100%;clear: both;}
.footer {width: 100%;position: fixed;bottom: 0;left: 0;padding: 0.266rem 1rem 0rem 0rem;border-top: 1px solid #dadada;background: #fff}
.footer ul li {width: 50%;text-align: center;float: left}
.footer ul li span {display: block;margin: 0 auto;width: 0.72rem;height: 0.72rem;}
.footer ul li p {font-size: 0.343rem;color: #333;line-height: 0.7rem}
.footer ul .li1 span {background:url(../img/icn_39.png);background-size: 100% 100%;}
.footer ul .li2 span {background:url(../img/inde_33.png);background-size: 100% 100%;}
.footer ul li a:hover p,.footer ul li a:focus p,.homebody .footer ul .li1 p,.cardca-se .footer ul .li2 p{color: #09bdf0}
.footer ul .li1 a:hover span,.footer ul .li1 a:focus span,.homebody .footer ul .li1 span {background:url(../img/inc_39.png);background-size: 100% 100%;
}
.footer ul .li2 a:hover span,
.footer ul .li2 a:focus span,.cardca-se .footer ul .li2 a span {background:url(../img/icn_42.png);background-size: 100% 100%;}

/*公告*/
.bulletin{ font-size:0.4rem; color:#666; background:url(../img/inde_06.jpg) #fff no-repeat 0.426rem center; background-size:0.566rem 0.5rem;  height:1rem; line-height:1rem; overflow:hidden; padding:0 0.426rem 0 1.12rem; margin-bottom:0.3rem}
.bulletin h1{ float:left; width:1.6rem; font-size:0.4rem;}
.inform a,.pickbox ul li p{ color:#2e3044}
.notice{width:6rem;margin:13px auto;height:26px;overflow:hidden; float:left}
.noticTipTxt{height:22px;line-height:22px;overflow:hidden;margin:-4px 0 0 0}
.noticTipTxt li{height:22px;line-height:22px;}
.noticTipTxt a{font-size:0.35rem;text-decoration:none;}
.bullhore{ width:1.8rem; float:right; font-size:0.3rem; color:#000}

.sebox{ background:#fff; padding:0.2rem 0.373rem; }
.sebox select{ border-radius:4px; width:92%; border:1px solid #dcdcdc; height:0.8rem; line-height:0.8rem; font-size:0.266rem}


.familyboxs ul{ overflow:hidden}
.familyboxs ul li{ float:left; width:49%; padding:0.2rem 2%; margin-left:-1px; border-left:1px solid #eee; border-bottom:1px solid #eee}
.familyboxs ul li .faiimg{ width:100%; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; overflow:hidden}
.familyboxs ul li .faiimg img{width:4.5rem; height: 2.6rem;}
.familyboxs ul li h1{height: 0.45rem; width:48%; float:left; word-spacing:normal; text-overflow:ellipsis;
    overflow: hidden; font-size:0.383rem; color:#333; margin:0.3rem 0 0 0}
.faidis p{ height:0.45rem; overflow:hidden; float:right; text-align:right; padding-left:0.433rem; margin-top:0.2rem; background:url(../images/order_09.png) no-repeat left center /0.323rem; font-size:0.353rem; color:#666}
.faidis .faipackri{ float:right}
.lunamtex{ font-size:0.373rem; margin-top:0.15rem; color:#666}

.indecontent{ margin-bottom:0.3rem}

